<template>
  <div>
    <ul>
      <li v-for="item in list">{{item.name}}</li>
    </ul>
  </div>
</template>

<script>
  export default {
    data(){
      return{
        list:[
          {
            "name":"绿茶",
            "price":"3.5",
            "pic":"200"
          },
          {
            "name":"红茶",
            "price":"3.5",
            "pic":"200"
          },
          {
            "name":"花茶",
            "price":"3.5",
            "pic":"200"
          }
        ]
      }
    },
    components: {},
    mounted:function () {
        console.log(this.$http)
    }
  }
</script>
<style lang="css">

</style>
